{{include file="public/header" /}}

<!-- header top nav -->
{{include file="public/header_top_nav" /}}

<!-- search -->
{{include file="public/nav_search" /}}

<!-- header nav -->
{{include file="public/header_nav" /}}

<!-- goods category -->
{{include file="public/goods_category" /}}

<div class="goods-detail" data-id="{{$goods.id}}" data-spec-detail-ajax-url="{{:MyUrl('index/goods/specdetail')}}" data-spec-type-ajax-url="{{:MyUrl('index/goods/spectype')}}">
    <!-- 轮播 -->
    <div class="scoll">
        <div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{"directionNav":false}' >
            <ul class="am-slides">
                {{if !empty($goods.photo)}}
                    {{foreach $goods.photo as $photo}}
                        <li>
                            <img src="{{$photo.images}}" title="{{$goods.title}}" />
                        </li>
                    {{/foreach}}
                {{/if}}
            </ul>
        </div>

        <!-- 视频 -->
        {{if !empty($goods.video)}}
            <i class="am-icon-play-circle-o goods-video-submit-start"></i>
            <i class="goods-video-submit-close none">&times;</i>
            <video class="goods-video-container none" src="{{$goods.video}}" controls="controls" preload="auto">
                your browser does not support the video tag
            </video>
        {{/if}}
    </div>

    <!-- 基础信息 -->
    <div class="item-inform am-container">
        <!-- pc放大镜 / 左侧 -->
        <div class="clearfix-left" id="clearcontent">
            <div class="box">
                <div class="tb-booth tb-pic tb-s310">
                    {{if !empty($goods['photo'][0])}}
                        <img src="{{$goods['photo'][0]['images']}}" alt="{{$goods.title}}" rel="{{$goods['photo'][0]['images']}}" class="jqzoom" />
                    {{/if}}
                </div>
                <ul class="tb-thumb" id="thumblist">
                    {{if !empty($goods.photo)}}
                        {{foreach $goods.photo as $photo_key=>$photo}}
                            <li class="{{if $photo_key eq 0}}tb-selected{{else /}} tb-pic{{/if}}">
                                <div class="tb-pic tb-s40">
                                    <a href="javascript:;">
                                        <img src="{{$photo.images}}" mid="{{$photo.images}}" big="{{$photo.images}}" class="tb-s40" />
                                    </a>
                                </div>
                            </li>
                        {{/foreach}}
                    {{/if}}
                </ul>

                <!-- 视频 -->
                {{if !empty($goods.video)}}
                    <i class="am-icon-play-circle-o goods-video-submit-start"></i>
                    <i class="goods-video-submit-close none">&times;</i>
                    <video class="goods-video-container none" src="{{$goods.video}}" controls="controls" preload="auto">
                        your browser does not support the video tag
                    </video>
                {{/if}}
            </div>
        </div>

        <!-- 右侧 -->
        <div class="clearfix-right">
            <!--规格-->
            <!--名称-->
            <div class="tb-detail-hd">
                <h1 class="detail-title" {{if !empty($goods.title_color)}}style="color:{{$goods.title_color}};"{{/if}}>{{$goods.title}}</h1>
            </div>
            <div class="tb-detail-list">
                <!-- 商品页面基础信息顶部钩子 -->
                {{if isset($shopxo_is_develop) and $shopxo_is_develop eq true and (!isset($is_footer) or $is_footer eq 1)}}
                    <div class="plugins-tag">
                        <span>plugins_view_goods_detail_base_top</span>
                    </div>
                {{/if}}
                {{if !empty($plugins_view_goods_detail_base_top_data) and is_array($plugins_view_goods_detail_base_top_data)}}
                    {{foreach $plugins_view_goods_detail_base_top_data as $hook}}
                        {{if is_string($hook) or is_int($hook)}}
                            {{$hook|raw}}
                        {{/if}}
                    {{/foreach}}
                {{/if}}

                <!-- 基础面板 -->
                <div class="tb-detail-price">
                    {{if isset($goods['original_price']) and $goods['original_price'] gt 0 and !empty($goods['show_field_original_price_text'])}}
                        <div class="items price iteminfo_price">
                            <dt>{{$goods.show_field_original_price_text|raw}}</dt>
                            <dd>
                                <b class="sys_item_mktprice">¥ {{$goods.original_price}}</b>
                            </dd>
                        </div>
                    {{/if}}
                    <div class="items price iteminfo_mktprice">
                        <dt>{{if empty($goods['show_field_price_text'])}}销售价{{else /}}{{$goods.show_field_price_text|raw}}{{/if}}</dt>
                        <dd>
                            <em>¥</em>
                            <b class="sys_item_price" data-original-price="{{$goods.price}}">{{$goods.price}}</b>
                        </dd>                                 
                    </div>
                    <div class="goods-qrcode am-hide-sm-only">
                        <i class="am-icon-qrcode am-icon-sm"></i>
                        <img class="qrcode-images am-img-thumbnail" src="{{$qrcode_url}}" />
                    </div>

                    <!-- 商品页面基础信息面板底部钩子 -->
                    {{if isset($shopxo_is_develop) and $shopxo_is_develop eq true and (!isset($is_footer) or $is_footer eq 1)}}
                        <div class="plugins-tag">
                            <span>plugins_view_goods_detail_panel_bottom</span>
                        </div>
                    {{/if}}
                    {{if !empty($plugins_view_goods_detail_panel_bottom_data) and is_array($plugins_view_goods_detail_panel_bottom_data)}}
                        {{foreach $plugins_view_goods_detail_panel_bottom_data as $hook}}
                            {{if is_string($hook) or is_int($hook)}}
                                {{$hook|raw}}
                            {{/if}}
                        {{/foreach}}
                    {{/if}}
                </div>

                <!--销量-->
                <ul class="tm-ind-panel">
                    <li class="tm-ind-item">
                        <div class="tm-indcon"><span class="tm-label">累计销量</span><span class="tm-count">{{$goods.sales_count}}</span></div>
                    </li>
                    <li class="tm-ind-item">
                        <div class="tm-indcon"><span class="tm-label">浏览次数</span><span class="tm-count">{{$goods.access_count}}</span></div>
                    </li>
                    <li class="tm-ind-item">
                        <div class="tm-indcon"><span class="tm-label">累计评价</span><span class="tm-count">{{$goods.comments_count}}</span></div>
                    </li>
                </ul>

                <!--各种规格-->
                {{if $goods['is_shelves'] == 1 and $goods['inventory'] gt 0}}
                    <dl class="iteminfo_parameter sys_item_specpara">
                        <dt class="buy-event login-event" data-type="buy">
                            <div class="cart-title">
                                <span class="specpara-title">可选规格</span>
                                <span class="am-icon-angle-right"></span>
                            </div>
                        </dt>
                        <dd>
                            <!--操作页面-->
                            <div class="theme-popover-mask"></div>
                            <div class="theme-popover">
                                <div class="theme-span"></div>
                                <div class="theme-poptit">
                                    <a href="javascript:;" title="关闭" class="close am-icon-close am-icon-sm"></a>
                                </div>
                                <div class="theme-popbod dform">
                                    <form class="theme-signin" name="loginform" action="javascript:;">
                                        <div class="theme-signin-left">
                                            {{if !empty($goods['specifications']['choose'])}}
                                                {{foreach $goods.specifications.choose as $key=>$spec}}
                                                    {{if !empty($spec['value'])}}
                                                        <div class="theme-options sku-items">
                                                            <div class="cart-title">{{$spec.name}}</div>
                                                            <ul>
                                                                {{foreach $spec.value as $keys=>$specs}}
                                                                    <li class="sku-line {{if !empty($specs['images'])}} sku-line-images{{/if}} {{if $key gt 0}} sku-dont-choose{{/if}} {{if isset($specs['is_only_level_one']) and isset($specs['inventory']) and $specs['inventory'] elt 0}}sku-items-disabled{{/if}}" data-type-value="{{$spec.name}}" data-value="{{$specs.name}}" {{if !empty($specs['images'])}} data-type-images="{{$specs.images}}"{{/if}}>
                                                                        {{if !empty($specs['images'])}}
                                                                            <img src="{{$specs.images}}" />
                                                                        {{/if}}
                                                                        {{$specs.name}}<i></i>
                                                                    </li>
                                                                {{/foreach}}
                                                            </ul>
                                                        </div>
                                                    {{/if}}
                                                {{/foreach}}
                                            {{/if}}
                                            <div class="theme-options">
                                                <div class="cart-title number">数量</div>
                                                <dd>
                                                    <div class="am-input-group am-input-group-sm number-tag">
                                                        <button class="am-input-group-label" id="min" type="button">-</button>
                                                        <input type="number" class="am-form-field" value="1" id="text_box" min="1" max="{{$goods.inventory}}" data-original-max="{{$goods.inventory}}" />
                                                        <button class="am-input-group-label" id="add" type="button">+</button>
                                                    </div>
                                                    <span class="tb-hidden stock-tips">库存<span class="stock" data-original-stock="{{$goods.inventory}}">{{$goods.inventory}}</span>{{$goods.inventory_unit}}</span>
                                                </dd>
                                            </div>

                                            <div class="btn-op">
                                                <span class="btn am-btn am-btn-default confirm login-event" data-type="cart" data-ajax-url="{{:MyUrl('index/Cart/Save')}}">确认</span>
                                                <span class="btn close am-btn am-btn-danger cancel">取消</span>
                                            </div>
                                        </div>
                                        <div class="theme-signin-right">
                                            <div class="img-info">
                                                <img src="{{$goods.images}}" />
                                            </div>
                                            <div class="text-info">
                                                <span class="price-now" data-original-price="{{$goods.price}}">¥{{$goods.price}}</span>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </dd>
                    </dl>
                {{/if}}
            </div>

            <!-- 购买导航 -->
            <div class="buy-nav">
                {{if !empty($goods.is_shelves)}}
                    {{if $goods['inventory'] gt 0}}
                        <div class="buy-nav-opt">
                            <a href="{{$Think.__MY_URL__}}">
                                <span class="am-icon-home am-icon-fw"> 首页</span>
                            </a>
                            {{if isset($goods['is_favor']) and $goods['is_favor'] eq 1}}
                                <span class="am-icon-heart am-icon-fw login-event favor-submit text-active" data-ajax-url="{{:MyUrl('index/goods/favor')}}">
                                    <em class="goods-favor-text">已收藏</em>
                                    <em class="goods-favor-count">({{$goods.favor_count}})</em>
                                </span>
                            {{else /}}
                                <span class="am-icon-heart am-icon-fw favor-submit login-event" data-ajax-url="{{:MyUrl('index/goods/favor')}}">    <em class="goods-favor-text">收藏</em>
                                    <em class="goods-favor-count">({{$goods.favor_count}})</em>
                                </span>
                            {{/if}}
                        </div>
                        <div class="submit">
                            <div class="clearfix tb-btn tb-btn-buy buy-event login-event buy-submit" data-type="buy">
                                <button title="点此按钮到下一步确认购买信息" href="javascript:;" type="button">立即购买</button>
                            </div>
                        </div>
                        <div class="submit">
                            <div class="clearfix tb-btn tb-btn-basket buy-event login-event cart-submit" data-type="cart"  data-ajax-url="{{:MyUrl('index/Cart/Save')}}">
                                <button title="加入购物车" href="javascript:;" type="button"><i></i>加入购物车</button>
                            </div>
                        </div>

                        <!-- 购买表单 -->
                        <form action="{{:MyUrl('index/buy/index')}}" method="post" class="buy-form">
                            <input type="hidden" name="goods_id" value="{{$goods.id}}" />
                            <input type="hidden" name="buy_type" value="goods" />
                            <input type="hidden" name="stock" value="1" />
                            <input type="hidden" name="spec" value="" />
                            <button type="submit"></button>
                        </form>
                    {{else /}}
                        <p class="goods-not-buy-tips">商品卖光了</p>
                    {{/if}}
                {{/if}}
                {{if $goods.is_shelves neq 1}}
                    <p class="goods-not-buy-tips">商品已下架</p>
                {{/if}}
            </div>
        </div>
    </div>

    <!-- 左侧-->
    <div class="introduce am-container">
        <div class="browse">
            <!-- 商品页面左侧顶部钩子 -->
            {{if isset($shopxo_is_develop) and $shopxo_is_develop eq true and (!isset($is_footer) or $is_footer eq 1)}}
                <div class="plugins-tag">
                    <span>plugins_view_goods_detail_left_top</span>
                </div>
            {{/if}}
            {{if !empty($plugins_view_goods_detail_left_top_data) and is_array($plugins_view_goods_detail_left_top_data)}}
                {{foreach $plugins_view_goods_detail_left_top_data as $hook}}
                    {{if is_string($hook) or is_int($hook)}}
                        {{$hook|raw}}
                    {{/if}}
                {{/foreach}}
            {{/if}}

            <!-- 详情/推荐商品-->
            <div class="mc"> 
                 <ul>                       
                    <div class="mt">            
                        <h2>看了又看</h2>        
                    </div>
                    {{if !empty($left_goods)}}
                        {{foreach $left_goods as $key=>$v}}
                            <li {{if $key eq 0}}class="first"{{/if}}>
                                <div class="p-img">                    
                                    <a href="{{:$v['goods_url']}}">
                                        <img alt="{{$v.title}}" src="{{$v.images}}">
                                    </a>               
                                </div>
                                <div class="p-name">
                                    <a href="{{:$v['goods_url']}}" {{if !empty($v.title_color)}}style="color:{{$v.title_color}};"{{/if}}>{{$v.title}}</a>
                                </div>
                                <div class="p-price"><strong>￥{{$v.price}}</strong></div>
                            </li>
                          {{/foreach}}
                      {{/if}}
                 </ul>
            </div>
        </div>

        <!-- 右侧内容 -->
        <div class="introduce-main">
            <!-- 商品页面tabs顶部钩子 -->
            {{if isset($shopxo_is_develop) and $shopxo_is_develop eq true and (!isset($is_footer) or $is_footer eq 1)}}
                <div class="plugins-tag">
                    <span>plugins_view_goods_detail_tabs_top</span>
                </div>
            {{/if}}
            {{if !empty($plugins_view_goods_detail_tabs_top_data) and is_array($plugins_view_goods_detail_tabs_top_data)}}
                {{foreach $plugins_view_goods_detail_tabs_top_data as $hook}}
                    {{if is_string($hook) or is_int($hook)}}
                        {{$hook|raw}}
                    {{/if}}
                {{/foreach}}
            {{/if}}

            <!-- tab -->
            <div class="am-tabs" data-am-tabs>
                <ul class="am-avg-sm-2 am-tabs-nav am-nav am-nav-tabs" data-am-sticky="{animation: 'slide-top'}">
                    <li class="am-active">
                        <a href="javascript:;">
                            <span class="index-needs-dt-txt">宝贝详情</span>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <span class="index-needs-dt-txt">猜你喜欢</span>
                        </a>
                    </li>
                </ul>

                <div class="am-tabs-bd">
                    <div class="am-tab-panel am-fade am-in am-active">
                        {{if !empty($goods['attribute'])}}
                            <div class="specifications">
                                <div class="spacing-nav-title">
                                    <span class="line"></span>
                                    <span class="text-wrapper">产品参数</span>
                                </div>
                                <ul class="detail-attr">
                                    {{if !empty($goods['attribute'])}}
                                        {{foreach $goods.attribute as $key=>$attribute}}
                                            <li>{{$attribute.name}}:&nbsp;{{:implode(',', array_column($attribute['find'], 'name'))}}</li>
                                        {{/foreach}}
                                    {{/if}}
                                </ul>
                            </div>
                        {{/if}}

                        <div class="details">
                            <div class="spacing-nav-title">
                                <span class="line"></span>
                                <span class="text-wrapper">商品细节</span>
                            </div>
                            <div class="detail-content">{{$goods.content_web|raw}}</div>
                        </div>
                    </div>

                    <!-- 猜你喜欢 -->
                    <div class="am-tab-panel am-fade">
                        <div class="like">
                            <ul class="am-avg-sm-2 am-avg-md-3 am-avg-lg-4 boxes">
                                {{if !empty($detail_like_goods)}}
                                    {{foreach $detail_like_goods as $key=>$v}}
                                        <li>
                                            <div class="i-pic limit">
                                                <a href="{{:$v['goods_url']}}">
                                                    <img alt="{{$v.title}}" src="{{$v.home_recommended_images}}" />
                                                </a>
                                                <p class="ellipsis" {{if !empty($v.title_color)}}style="color:{{$v.title_color}};"{{/if}}>{{$v.title}}</p>
                                                <p class="price fl">
                                                    <strong>¥{{$v.price}}</strong>
                                                </p>
                                            </div>
                                        </li>
                                    {{/foreach}}
                                {{/if}}
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 商品页面tabs底部钩子 -->
            {{if isset($shopxo_is_develop) and $shopxo_is_develop eq true and (!isset($is_footer) or $is_footer eq 1)}}
                <div class="plugins-tag">
                    <span>plugins_view_goods_detail_tabs_bottom</span>
                </div>
            {{/if}}
            {{if !empty($plugins_view_goods_detail_tabs_bottom_data) and is_array($plugins_view_goods_detail_tabs_bottom_data)}}
                {{foreach $plugins_view_goods_detail_tabs_bottom_data as $hook}}
                    {{if is_string($hook) or is_int($hook)}}
                        {{$hook|raw}}
                    {{/if}}
                {{/foreach}}
            {{/if}}
        </div>
    </div>
</div>

{{include file="public/footer" /}}